<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport"
        content="width=device-width, initial-scale=1, maximum-scale=1.0,minimum-scale=1.0,user-scalable=no"/>
  <meta name="format-detection" content="telephone=no, email=no"/>
  <!-- 忽略页面中的数字识别为电话，忽略email识别 -->
  <meta name="applicable-device" content="mobile"/>
  <meta name="apple-mobile-web-app-title" content="标题"/>
  <!-- 添加到主屏后的标题（iOS 6 新增） -->
  <meta name="apple-mobile-web-app-capable" content="yes"/>
  <!-- 是否启用 WebApp 全屏模式 -->
  <meta name="HandheldFriendly" content="true"/>
  <!-- 针对手持设备优化，主要是针对一些老的不识别viewport的浏览器，比如黑莓 -->
  <meta name="keywords" content="直播盐都"/>
  <meta name="description" content="直播盐都"/>
  <meta name="cl">
  <title>${(proBack.name)!}</title>
  <link rel="stylesheet" type="text/css" href="${ctx}/lztv/h5/css/globle.css">
  <script src="${ctx}/lztv/h5/js/jquery-1.8.3.min.js" type="text/javascript"></script>
  <!--<script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>-->
  <!--<script type="text/javascript" src="http://qzonestyle.gtimg.cn/qzone/qzact/common/share/share.js"></script>-->
  <!--<script type="text/javascript" src="${ctx}/lztv/h5/js/senShare.js"></script>-->
</head>
<body style="background: #eee;">
<!--video s-->
<div class="ground_video">
  [#list programBackcodes as proBackCode]
  <p id="thisTit">${(proBackCode.name)!}</p>
  <video id="video" class="videoBox" src="${(proBackCode.video)!}" controls poster=''></video>
  <!--<i class="iconFont" onclick="videoPlay('video')"></i>-->
  [#break]
  [/#list]
</div>
<!--video e-->
<!--cont s-->
<div class="ground_box">
  <h1>${(proBack.name)!}</h1>
  <ul>
    [#list programBackcodes as proBackCode]
    <li>
      <a class="box" href="http://a.app.qq.com/o/simple.jsp?pkgname=com.sctv.scfocus">
        <div class="ground_tit flex">
          <h2>${(proBackCode.name)!}</h2>
          <p><span>${(proBackCode.time?string('MM-dd'))!}</span>[#if proBackCode.playNumStr!='0']<span class="fr">播放${(proBackCode.playNumStr)!}次</span>[/#if]</p>
        </div>
        <div class="ground_img"><img src="${(proBackCode.smallImage)!}" alt=""></div>
      </a>
    </li>
    [/#list]
  </ul>
</div>
<!--cont e-->

<!--底部 s-->
<div class="pdDownLoad">
  <img class="pdlogo1 fl" src="${ctx}/lztv/h5/images/down_word.png" alt="">
  <a  class="pdlogo2 fl" href="http://sj.qq.com/myapp/detail.htm?apkName=com.letv.app.ljodfh"> <img src="${ctx}/lztv/h5/images/down.png" alt=""> </a>
  <!--<img onclick="colseTan()" class="pdlogo3 fl" src="${ctx}/lztv/h5/images/close.png" alt="">-->
</div>
<!--底部 e-->

<script src="${ctx}/lztv/h5/js/main.js" type="text/javascript"></script>
<script>
  $(function () {
    //getVideo();
    //视频比例
    ban_s(".ground_video");

    /*获取视频标题及地址图片*/
    //var linkInfo = window.location.href.split('?')[1];
    //var arrInfo = linkInfo.split('&');
   /* var videoUrl = arrInfo[0].split('=')[1];
    var videoTit = arrInfo[1].split('=')[1];
    var videoTit = arrInfo[2].split('=')[1];*/
   var videoUrl=getQueryString("programmeUrl");
   var videoTitle=getQueryString("programmeTitle");
   var programmeImage=getQueryString("programmeImage");

    $("#video").attr({'src':videoUrl});
    $("#video").attr({'poster':programmeImage});
    $("#thisTit").html(decodeURI(videoTitle));
  })
  //获取url参数
  function getQueryString(key) {
    var url = window.location.search;
    // 正则筛选地址栏
    var reg = new RegExp("(^|&)"+ key +"=([^&]*)(&|$)");
    // 匹配目标参数
    var result = url.substr(1).match(reg);
    //返回参数值
    return result ? decodeURIComponent(result[2]) : null;
  }





</script>
</body>
</html>
